<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/comm/mytags.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${ctx}/static/css/doc.css">
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space8">
        <div class="layui-col-md12">
            <blockquote class="layui-elem-quote">

                 <div class="layui-inline">
                    文章管理
                </div>
                <div class="layui-inline layui-inline-right">
                    <button class="layui-btn layui-btn-sm layui-btn-add" onclick="getServerManager();"><i class="layui-icon layui-icon-search"></i>查找</button>
                </div>
                <div class="layui-inline layui-inline-right">
                    <form  id="userSearchForm" method="post">
                        <input type="text" id="serverName" name="serverName"  placeholder="请输入文章名称查询" class="layui-input input-serach"  style="width: 200px;">
                    </form>
                </div>
                <div class="layui-inline layui-inline-right">
                    <button class="layui-btn layui-btn-sm layui-btn-add serverAdd_btn"><i class="layui-icon layui-icon-add-circle"></i>新增</button>
                </div>
            </blockquote>
        </div>
        <div class="layui-col-md8">
            <div class="layui-row layui-col-space8">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header"><i class="layui-icon layui-icon-release"></i>置顶文章</div>
                        <div class="layui-card-body">
                            <div class="article">
                                <div class="article-left">
                                    <img src="${ctx}/static/img/zuimeiaiqing.jpg">
                                </div>
                                <div class="article-right">
                                    <div class="article-title">
                                        <a href="javascript:;">最美的爱情，我们看不到</a>
                                    </div>
                                    <div class="article-abstract">
                                        6年前，她在一家电台主持夜间热线节目，节目有一个很好听的名字--《相约到黎明》。那时，她只有23岁，年轻漂亮，青春逼人。每天清晨，她从电台的石阶上走下来，然后就在28路车的站台上等车。
                                    </div>
                                    <div class="article-footer">
                                        <span class="layui-hide-xs"><i class="layui-icon layui-icon-note"></i>&nbsp;<a href="javascript:;"  class="tag-color">杂文随笔</a></span>
                                        <span><i class="layui-icon layui-icon-username"></i> &nbsp;幽谷草</span>
                                        <span><i class="layui-icon layui-icon-log"></i> &nbsp;2018-04-07</span>
                                        <span>1阅读</span>
                                        <span class="article-viewinfo">1赞</span>
                                        <a title="最美的爱情，我们看不到" href="javascript:;" class="read layui-btn layui-btn-xs layui-hide-xs" onclick="getDocDetail();">阅读全文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header"><i class="layui-icon layui-icon-chart"></i>最新文章</div>
                        <div class="layui-card-body">
                            <div class="article">
                                <div class="article-left">
                                    <img src="${ctx}/static/img/zuimeiaiqing.jpg">
                                </div>
                                <div class="article-right">
                                    <div class="article-title">
                                        <a href="javascript:;">最美的爱情，我们看不到</a>
                                    </div>
                                    <div class="article-abstract">
                                        6年前，她在一家电台主持夜间热线节目，节目有一个很好听的名字--《相约到黎明》。那时，她只有23岁，年轻漂亮，青春逼人。每天清晨，她从电台的石阶上走下来，然后就在28路车的站台上等车。
                                    </div>
                                    <div class="article-footer">
                                        <span class="layui-hide-xs"><i class="layui-icon layui-icon-note"></i>&nbsp;<a href="javascript:;" class="tag-color">杂文随笔</a></span>
                                        <span><i class="layui-icon layui-icon-username"></i> &nbsp;幽谷草</span>
                                        <span><i class="layui-icon layui-icon-log"></i> &nbsp;2018-04-07</span>
                                        <span>1阅读</span>
                                        <span class="article-viewinfo">1赞</span>
                                        <a title="最美的爱情，我们看不到" href="javascript:;" class="read layui-btn layui-btn-xs layui-hide-xs">阅读全文</a>
                                    </div>
                                </div>
                            </div>
                            <div class="article">
                                <div class="article-left">
                                    <img src="${ctx}/static/img/zuimeiaiqing.jpg">
                                </div>
                                <div class="article-right">
                                    <div class="article-title">
                                        <a href="javascript:;">最美的爱情，我们看不到</a>
                                    </div>
                                    <div class="article-abstract">
                                        6年前，她在一家电台主持夜间热线节目，节目有一个很好听的名字--《相约到黎明》。那时，她只有23岁，年轻漂亮，青春逼人。每天清晨，她从电台的石阶上走下来，然后就在28路车的站台上等车。
                                    </div>
                                    <div class="article-footer">
                                        <span class="layui-hide-xs"><i class="layui-icon layui-icon-note"></i>&nbsp;<a href="javascript:;" class="tag-color">杂文随笔</a></span>
                                        <span><i class="layui-icon layui-icon-log"></i> &nbsp;2018-04-07</span>
                                        <span>1阅读</span>
                                        <span class="article-viewinfo">1赞</span>
                                        <a title="最美的爱情，我们看不到" href="javascript:;" class="read layui-btn layui-btn-xs layui-hide-xs">阅读全文</a>
                                    </div>
                                </div>
                            </div>
                            <div class="article">
                                <div class="article-left">
                                    <img src="${ctx}/static/img/zuimeiaiqing.jpg">
                                </div>
                                <div class="article-right">
                                    <div class="article-title">
                                        <a href="javascript:;">最美的爱情，我们看不到</a>
                                    </div>
                                    <div class="article-abstract">
                                        6年前，她在一家电台主持夜间热线节目，节目有一个很好听的名字--《相约到黎明》。那时，她只有23岁，年轻漂亮，青春逼人。每天清晨，她从电台的石阶上走下来，然后就在28路车的站台上等车。
                                    </div>
                                    <div class="article-footer">
                                        <span class="layui-hide-xs"><i class="layui-icon layui-icon-note"></i>&nbsp;<a href="javascript:;" class="tag-color">杂文随笔</a></span>
                                        <span><i class="layui-icon layui-icon-log"></i> &nbsp;2018-04-07</span>
                                        <span>1阅读</span>
                                        <span class="article-viewinfo">1赞</span>
                                        <a title="最美的爱情，我们看不到" href="javascript:;" class="read layui-btn layui-btn-xs layui-hide-xs">阅读全文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card" style="margin-bottom: 5px;">
                <div class="layui-card-header classific-nav-header">分类导航</div>
                <div class="layui-card-body classific-nav-boday  layui-row layui-col-space10">
                    <div class="layui-col-xs12">
                        <div class="layui-row layui-col-space10 classific-nav-boday">
                            <div class="layui-col-xs6">
                                <a href="javascript:;">JAVA编程</a>
                            </div>
                            <div class="layui-col-xs6">
                                <a href="javascript:;">Web前端</a>
                            </div>

                        </div>
                    </div>
                    <div class="layui-col-xs12">
                        <div class="layui-row layui-col-space10 classific-nav-boday">
                            <div class="layui-col-xs6">
                                <a href="javascript:;">后台框架</a>
                            </div>
                            <div class="layui-col-xs6">
                                <a href="javascript:;">项目管理</a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12">
                        <div class="layui-row layui-col-space10 classific-nav-boday">
                            <div class="layui-col-xs6">
                                <a href="javascript:;">生活记事</a>
                            </div>
                            <div class="layui-col-xs6">
                                <a href="javascript:;">杂文随笔</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header"><i class="layui-icon layui-icon-fire"></i>热文排行</div>
                <div class="layui-card-body">
                    <div class="layui-card-body">
                        <ul class="blog-card-ul">
                            <li>
                                <span class="layui-badge ">1</span><a title="最美的爱情，我们看不到" href="javascript:;">最美的爱情，我们看不到</a>
                            </li>
                            <li>
                                <span class="layui-badge ">2</span><a title="最美的爱情，我们看不到" href="javascript:;">最美的爱情，我们看不到</a>
                            </li>
                            <li>
                                <span class="layui-badge ">3</span><a title="最美的爱情，我们看不到" href="javascript:;">最美的爱情，我们看不到</a>
                            </li>
                            <li>
                                <span class="layui-badge layui-bg-blue">4</span><a title="最美的爱情，我们看不到" href="javascript:;">最美的爱情，我们看不到</a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header"><i class="layui-icon layui-icon-praise"></i>推荐</div>
                <div class="layui-card-body">
                    <div class="layui-card-body">
                        <ul class="blog-card-ul">
                            <li>
                                <span class="layui-badge ">1</span><a title="最美的爱情，我们看不到" href="javascript:;">最美的爱情，我们看不到</a>
                            </li>
                            <li>
                                <span class="layui-badge ">2</span><a title="最美的爱情，我们看不到" href="javascript:;">最美的爱情，我们看不到</a>
                            </li>
                            <li>
                                <span class="layui-badge ">3</span><a title="最美的爱情，我们看不到" href="javascript:;">最美的爱情，我们看不到</a>
                            </li>
                            <li>
                                <span class="layui-badge layui-bg-blue">4</span><a title="最美的爱情，我们看不到" href="javascript:;">最美的爱情，我们看不到</a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>

<script type="text/javascript">
    var  $,layer,table,layOpenWin;
    layui.config({
        base: "${ctx}/static/js/"
    }).use(['jquery','layer','table','layOpenWin'], function () {
        $ =  layui.$,
            layer = layui.layer,
            layOpenWin = layui.layOpenWin,
            table = layui.table;

        /**新增*/
        $(".serverAdd_btn").click(function(){
            var url = "${ctx}/property/server_manager_add.action";
            layOpenWin.layOpen('文档新增',url, '720px', '605px');
        });





    });
    /**文章详情*/
    function getDocDetail() {
        var url = "${ctx}/property/doc_manager_detail.action";
        layOpenWin.layOpenTip(url, '100%', '100%');
    }



</script>

</body>
</html>